/*
 *  基础设置
 */
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #999999;
    cursor: pointer;
}
body{
    font-size: 12px;
    color:#434343;
}

a:hover {
    color: red;
}

ul li {
    list-style-type: none;
}

input {
    outline: none;
}

.show {
    display: block;
    background-color: #FFFDEE;
}

.hide {
    display: none;
}

tr[title="checked"] {
    background-color: #FFF4E8;
}

tr[title="noChecked"] {
    background-color: #FFFFFF;
}

.isEmpty {
    height: 100px;
    text-align: center;
    padding-top: 50px;
    font-size: 15px;
    color: red;
}

/*
 *  搜索框设置(id:search)
 */
#head {
    width: 65%;
    margin: 20px auto;
    height: 97px;
}

#logo {
    float: left;
}

#search {
    float: right;
}
.customNav{
    width: 150px;
    position: absolute;
    top: 80px;
    right: 120px;
}
.customNav li{
    float:left;
    margin-right:20px;
}

#logo>img {
    width: 200px;
    margin-top: 5px;
}

#search>input[type="text"] {
    height: 25px;
    width: 300px;
    margin-top: 25px;
    border: 2px #C91623 solid;
    color: #999999;
    position: relative;
    left: 11px;
}

#search>input[type="image"] {
    width: 57px;
    position: relative;
    top: 10px;
    left: 5.57px;
    height: 29px;
}


/*
 *  商品内容设置(id:body)
 *  包括警告设置(id:(id:))、商品设置(id:productList)、结算设置(settlement)、推荐设置(id:recommend)
 */

#title {
    width: 65%;
    height: 30px;
    margin: 0 auto;
    padding-top: 10px;
}

#title>div:nth-child(1){
    float: left;
    color: #e2231a;
    height: 100%;
/* text-align: center; */
    /* border-bottom: 2px red solid; */
}
#productList{
    width:990px;
    margin:0 auto;
}

#title>div:nth-child(1)>h3 {
    /* display: inline; */
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    display:block;
}

#title>div:nth-child(2) {
    float: right;
}

#title .address {
    width: 222px;
    float: right;
    margin-left: 122px;
}

#title .address>span {
    float: left;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #434343;

}

#title .jdarea {

    position: relative;
    float: left;
    z-index: 3;
    height: 26px;
    cursor: default;
    margin: 0;
}

#title .address .ui-area-text {

    float: left;
    position: relative;
    top: 0;
    height: 23px;
    background: #fff;
    border: 1px solid #CECBCE;
    padding: 0 24px 0 4px;
    line-height: 23px;
    overflow: hidden;
    font-size: 12px;
    color: #434343;
}

   #title .address .jdarea >b {
    display: block;
    position: absolute;
    top: 3px;
    right: 4px;
    width: 17px;
    height: 17px;
    background: url() no-repeat 3px 5px;
}


.cart-thead {
    
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 0 0 10px;
    padding: 5px 0;
    background: #f3f3f3;
    border: 1px solid #e9e9e9;
    border-top: 0;
    position: relative;
    font-size:12px;
    color:#434343;
}
.t-checkbox{
    float: none;
    position: relative;
    z-index: 5;
    vertical-align: middle;
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    width:133px;

}
.cart-checkbox{
    width:18px;
    float:left;
    margin-left:10px;
}
.column{
    float: left;
}
.t-goods{
    width:208px;
    text-align: center;
}
.t-props{
    width:170px;
    text-align: center;
}
.t-price{
    width:170px;
    text-align: center;
}
.t-quantity{
    width:80px;
    text-align: center;
}
.t-sum{
    width:130px;
    text-align: center;
}
.t-action{
    width:32px;
    text-align: center;
}


thead>div {
    border: 1px #C91623 solid;
}
.shop-list{
    margin-bottom: 20px;
}
.shop-title{
    height:30px;
}
.shop-title .checkBox{
    margin-left:10px;
}
.shop-name{
    font-size:12px;
    color:#434343;
    margin-left:10px;
}
.shop-yhj{
    float:right;
    width:50px;
    margin-right:50%;
    height:24px;
    font-size:12px;
    color:red;
}
.shop-content{
    border: 1px solid #f1f1f1;
    border-top: 2px solid #aaa;
    background: #fff;     
}

.shopContent-sum{
    float: left;
    width: 750px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin:10px 0;
}
.decount{
    background: #fff;
color: #f48719;
border: 1px solid #f48719;
display: inline-block;
/* background: url("../image/满减.png")no-repeat; */
vertical-align: middle;
padding: 1px 10px;
height: 16px;
line-height: 16px;
margin: 0 10px 0 5px;
}
.shopdecount-tip{
    vertical-align: middle;
    display: inline-block;
}
.sum-price{
    width:230px;
    float: left;
    height:40px;
    
}
.shopdecount-cd{
    vertical-align: middle;
    display: inline-block;
    margin-left:10px;
}
.shopContent-list{
    height:156px;
}
.contentlist-check{
    margin-left:10px;
    float:left;
    margin-top:30px;
}
.item-form{
    width:948px;
    height:108px;
    float: left;
}
.goods-detail{
    width:300px;
    height:109px;
    float:left;
}
.goods-detail >img{
    width:82px;
    height:82px;
    margin-left:20px;
    margin-top:10px;
    float:left;
}
.goods-name{
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-top:10px;
    font-size:12px;
    
}
.shangbiao{
    width:54px;
    height:18px;
    float: left;
    display: block;
    margin-right: 3px;
}
.shangbiao >img{
    width: 100%;
    height:100%;;
}
.goodsName-detail{
    height:35px;
    float:left;
    margin:10px;
    width: 130px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}
.goods-price{
    width:190px;
    height:70px;
    float:left;
}
.goods-price p{
    display: block;
    float:right;
    width:51px;
    height:15px;
    font-size:15px;
    height:15px;
}
.goods-price >span{
    display: block;
    float:right;
    margin-top:30px;
    margin-right:-50px;
    width:35px;
    height:20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    border:1px solid #ccc;
    color:red;

}
.quantity{
    width: 80px;
border: 0;
overflow: hidden;
float:left;
margin-left:40px;
height:65px;
text-align: center;
}
.quantity >p{
    width: 100%;
    height: 30px;
    float: left;
    display: block;
    margin-top: 15px;
}
.cart-number-dec,.cart-number-inc{
    /* color: #ccc; */
cursor: pointer;
border-width: 1px;
background: #f1f1f1;
width: 17px;
height: 20px;
line-height: 16px;
vertical-align: middle;
float: left;
font-size:16px;
color:black
}

.cart-input{
    width: 45px;
    height: 20px;
    float: left;
}
.cart-input-o{
    position: static;
float: left;
outline: 0;
text-align: center;
box-sizing: border-box;
height: 20px;
color: #232326;
border: 1px solid #cbcbcb;
background: #fff;
line-height: 18px;
vertical-align: middle;
width:46px;
}
.p-sum{
    width:100px;
    float:left;
    height:45px;
    /* margin-top:10px; */
    text-align: right;
}
.p-sum strong{
    font-size: 14px;
}
.p-ops{
    width: 60px;
    float:left;
    margin-left: 20px;
}
.p-ops-item{
    display: block;
    margin-bottom: 10px;;
}

#settlement {
    width: 990px;
    margin: 10px auto;
    border: 1px #F0F0F0 solid;
    overflow: hidden;
    font-size: 12px;
    color: #666666;
}


#settlement>div {
    float: left;
}

#settlement>div:nth-child(1) {
    width: 30px;
    padding-left: 10px;
}

#settlement>div:nth-child(6) {
    width: 304px;
    border: 1px white solid;
}

#settlement>div:nth-child(7) {
    width: 250px;
    overflow: hidden;
}

#settlement>div:nth-child(7)>div {
    padding: 5px 0 0 15px;
    float: left;
}

#settlement>div:nth-child(8) {
    text-align: center;
    width: 130px;
    line-height: 50px;
    background-color: #E64347;
    font-size: 20px;
    color: #FADEDE;
}

#settlement>div:nth-child(1),
#settlement>div:nth-child(2),
#settlement>div:nth-child(3),
#settlement>div:nth-child(4),
#settlement>div:nth-child(5) {
    padding-top: 18px;
}

#settlement>div:nth-child(2),
#settlement>div:nth-child(3),
#settlement>div:nth-child(4),
#settlement>div:nth-child(5),
#settlement>div:nth-child(8) {
    cursor: pointer;
}

#fullReduction1 span:nth-child(1),
#fullReduction2 span:nth-child(1) {
    color: #666666;
}

#fullReduction1 span:nth-child(2),
#fullReduction2 span:nth-child(2) {
    cursor: pointer;
}

/*#jDZY,#jDHD,#fullReduction1,#fullReduction2{
    background-color: palegoldenrod;
}*/

#totalNum,
#totalPrice {
    color: red;
}

#recommend {
    clear: both;
    width: 990px;
    margin: 10px auto;
}

.h4 {
    width: 65px;
    color: red;
    border-bottom: 2px red solid;
    margin: 10px 0;
}

#recommendGood {
    overflow: hidden;
    font-size: 12px;
}

#recommendGood>.good1,
#recommendGood>.good2 {
    width: 24.7%;
    height: 250px;
    padding: 10px 0;
    border: 1px #CACACA dashed;
    float: left;
}

#recommendGood>.good1:hover,
#recommendGood>.good2:hover {
    border: 1px red solid;
}

#recommendGood img {
    width: 60%;
}

#recommendGood>.good1>div:nth-child(1)>img,
#recommendGood>.good2>div:nth-child(1)>img {
    height: 140px;
}

#recommendGood>.good1>div:nth-child(1) img,
#recommendGood>.good2>div:nth-child(1) img {
    border: 1px #CACACA solid;
}

#recommendGood>.good1>div:nth-child(2),
#recommendGood>.good2>div:nth-child(2) {
    padding: 5px 10px;
}

#recommendGood>.good1>div:nth-child(3),
#recommendGood>.good2>div:nth-child(3) {
    text-align: center;
    color: red;
}

#recommendGood>.good1>div:nth-child(4)>img,
#recommendGood>.good2>div:nth-child(4)>img {
    cursor: pointer;
}

#recommendGood>.good1>div:nth-child(1),
#recommendGood>.good2>div:nth-child(1),
#recommendGood>.good1>div:nth-child(4),
#recommendGood>.good2>div:nth-child(4) {
    text-align: center;
}

#foot {
    clear: both;
    background-color: #EAEAEA;
}

#dKHS {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
}

#dKHS>div {
    display: inline;
}

#dKHS img {
    width: 30px;
}

#helpMessage {
    color: #666666;
    text-align: left;
    border-top: 1px #DEDEDE solid;
    border-bottom: 1px #DEDEDE solid;
}

#helpMessage>div {
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
}

#helpMessage>div>div {
    float: left;
    width: 20%;
    height: 150px;
}

#helpMessage span,
#message span {
    cursor: pointer;
    font-size: 12px;
}

#message {
    font-size: 12px;
    color: #666666;
    text-align: center;
}

#message>div {
    margin: 20px 0 0;
}

#message span:hover {
    color: red;
}

body {
    position: relative;
}

#focus {
    position: absolute;
    top: 1260px;
    left: 1470px;
}

#doubt {
    position: absolute;
    top: 1700px;
    left: 1470px;
}

.worse {
    color: red;
}

/*
.jG>td{
    padding: 0 10px;
}*/